//external links
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
var relvalue = anchor.getAttribute("rel");
if (anchor.getAttribute("href")) {
var external = /external/;
var relvalue = anchor.getAttribute("rel");
if (external.test(relvalue)) { anchor.target = "_blank"; }
}
}
}
//spamcheck
function spamCheck()
{
if(document.getElementById('spamcontroleveld'))
{
document.getElementById('spamcontrole').value = 'nee';
document.getElementById('spamcontroleveld').style.display = 'none';
}
}
function clearText(thefield){
if (thefield.defaultValue==thefield.value) {
thefield.value = "";
}
}
/*
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*
* Uses the built in easing capabilities added In jQuery 1.1
* to offer multiple easing options
*
* TERMS OF USE - jQuery Easing
*
* Open source under the BSD License.
*
* Copyright © 2008 George McGinley Smith
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend( jQuery.easing,
{
def: 'easeOutQuart',
swing: function (x, t, b, c, d) {
//alert(jQuery.easing.default);
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
},
easeInQuad: function (x, t, b, c, d) {
return c*(t/=d)*t + b;
},
easeOutQuad: function (x, t, b, c, d) {
return -c *(t/=d)*(t-2) + b;
},
easeInOutQuad: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t + b;
return -c/2 * ((--t)*(t-2) - 1) + b;
},
easeInCubic: function (x, t, b, c, d) {
return c*(t/=d)*t*t + b;
},
easeOutCubic: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t + 1) + b;
},
easeInOutCubic: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t + b;
return c/2*((t-=2)*t*t + 2) + b;
},
easeInQuart: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t + b;
},
easeOutQuart: function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
},
easeInOutQuart: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
return -c/2 * ((t-=2)*t*t*t - 2) + b;
},
easeInQuint: function (x, t, b, c, d) {
return c*(t/=d)*t*t*t*t + b;
},
easeOutQuint: function (x, t, b, c, d) {
return c*((t=t/d-1)*t*t*t*t + 1) + b;
},
easeInOutQuint: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
return c/2*((t-=2)*t*t*t*t + 2) + b;
},
easeInSine: function (x, t, b, c, d) {
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
},
easeOutSine: function (x, t, b, c, d) {
return c * Math.sin(t/d * (Math.PI/2)) + b;
},
easeInOutSine: function (x, t, b, c, d) {
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
},
easeInExpo: function (x, t, b, c, d) {
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
},
easeOutExpo: function (x, t, b, c, d) {
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
},
easeInOutExpo: function (x, t, b, c, d) {
if (t==0) return b;
if (t==d) return b+c;
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},
easeInCirc: function (x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
},
easeOutCirc: function (x, t, b, c, d) {
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
},
easeInOutCirc: function (x, t, b, c, d) {
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
},
easeInElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
},
easeOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
},
easeInOutElastic: function (x, t, b, c, d) {
var s=1.70158;var p=0;var a=c;
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
if (a < Math.abs(c)) { a=c; var s=p/4; }
else var s = p/(2*Math.PI) * Math.asin (c/a);
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
},
easeInBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*(t/=d)*t*((s+1)*t - s) + b;
},
easeOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
},
easeInOutBack: function (x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
},
easeInBounce: function (x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
},
easeOutBounce: function (x, t, b, c, d) {
if ((t/=d) < (1/2.75)) {
return c*(7.5625*t*t) + b;
} else if (t < (2/2.75)) {
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
} else if (t < (2.5/2.75)) {
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
} else {
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
}
},
easeInOutBounce: function (x, t, b, c, d) {
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
}
});
/*
*
* TERMS OF USE - EASING EQUATIONS
*
* Open source under the BSD License.
*
* Copyright © 2001 Robert Penner
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without modification,
* are permitted provided that the following conditions are met:
*
* Redistributions of source code must retain the above copyright notice, this list of
* conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice, this list
* of conditions and the following disclaimer in the documentation and/or other materials
* provided with the distribution.
*
* Neither the name of the author nor the names of contributors may be used to endorse
* or promote products derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
* GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
* OF THE POSSIBILITY OF SUCH DAMAGE.
*
*/
/* masonry */
/**
* jQuery Masonry v2.0.110927
* A dynamic layout plugin for jQuery
* The flip-side of CSS Floats
* http://masonry.desandro.com
*
* Licensed under the MIT license.
* Copyright 2011 David DeSandro
*/
(function(a,b,c){var d=b.event,e;d.special.smartresize={setup:function(){b(this).bind("resize",d.special.smartresize.handler)},teardown:function(){b(this).unbind("resize",d.special.smartresize.handler)},handler:function(a,b){var c=this,d=arguments;a.type="smartresize",e&&clearTimeout(e),e=setTimeout(function(){jQuery.event.handle.apply(c,d)},b==="execAsap"?0:100)}},b.fn.smartresize=function(a){return a?this.bind("smartresize",a):this.trigger("smartresize",["execAsap"])},b.Mason=function(a,c){this.element=b(c),this._create(a),this._init()};var f=["position","height"];b.Mason.settings={isResizable:!0,isAnimated:!1,animationOptions:{queue:!1,duration:500},gutterWidth:0,isRTL:!1,isFitWidth:!1},b.Mason.prototype={_filterFindBricks:function(a){var b=this.options.itemSelector;return b?a.filter(b).add(a.find(b)):a},_getBricks:function(a){var b=this._filterFindBricks(a).css({position:"absolute"}).addClass("masonry-brick");return b},_create:function(c){this.options=b.extend(!0,{},b.Mason.settings,c),this.styleQueue=[],this.reloadItems();var d=this.element[0].style;this.originalStyle={};for(var e=0,g=f.length;e<g;e++){var h=f[e];this.originalStyle[h]=d[h]||""}this.element.css({position:"relative"}),this.horizontalDirection=this.options.isRTL?"right":"left",this.offset={};var i=b(document.createElement("div"));this.element.prepend(i),this.offset.y=Math.round(i.position().top),this.options.isRTL?(i.css({"float":"right",display:"inline-block"}),this.offset.x=Math.round(this.element.outerWidth()-i.position().left)):this.offset.x=Math.round(i.position().left),i.remove();var j=this;setTimeout(function(){j.element.addClass("masonry")},0),this.options.isResizable&&b(a).bind("smartresize.masonry",function(){j.resize()})},_init:function(a){this._getColumns("masonry"),this._reLayout(a)},option:function(a,c){b.isPlainObject(a)&&(this.options=b.extend(!0,this.options,a))},layout:function(a,c){var d,e,f,g,h,i;for(var j=0,k=a.length;j<k;j++){d=b(a[j]),e=Math.ceil(d.outerWidth(!0)/this.columnWidth),e=Math.min(e,this.cols);if(e===1)this._placeBrick(d,this.colYs);else{f=this.cols+1-e,g=[];for(i=0;i<f;i++)h=this.colYs.slice(i,i+e),g[i]=Math.max.apply(Math,h);this._placeBrick(d,g)}}var l={};l.height=Math.max.apply(Math,this.colYs)-this.offset.y;if(this.options.isFitWidth){var m=0,j=this.cols;while(--j){if(this.colYs[j]!==this.offset.y)break;m++}l.width=(this.cols-m)*this.columnWidth-this.options.gutterWidth}this.styleQueue.push({$el:this.element,style:l});var n=this.isLaidOut?this.options.isAnimated?"animate":"css":"css",o=this.options.animationOptions,p;for(j=0,k=this.styleQueue.length;j<k;j++)p=this.styleQueue[j],p.$el[n](p.style,o);this.styleQueue=[],c&&c.call(a),this.isLaidOut=!0},_getColumns:function(){var a=this.options.isFitWidth?this.element.parent():this.element,b=a.width();this.columnWidth=this.options.columnWidth||this.$bricks.outerWidth(!0)||b,this.columnWidth+=this.options.gutterWidth,this.cols=Math.floor((b+this.options.gutterWidth)/this.columnWidth),this.cols=Math.max(this.cols,1)},_placeBrick:function(a,b){var c=Math.min.apply(Math,b),d=0;for(var e=0,f=b.length;e<f;e++)if(b[e]===c){d=e;break}var g={top:c};g[this.horizontalDirection]=this.columnWidth*d+this.offset.x,this.styleQueue.push({$el:a,style:g});var h=c+a.outerHeight(!0),i=this.cols+1-f;for(e=0;e<i;e++)this.colYs[d+e]=h},resize:function(){var a=this.cols;this._getColumns("masonry"),this.cols!==a&&this._reLayout()},_reLayout:function(a){var b=this.cols;this.colYs=[];while(b--)this.colYs.push(this.offset.y);this.layout(this.$bricks,a)},reloadItems:function(){this.$bricks=this._getBricks(this.element.children())},reload:function(a){this.reloadItems(),this._init(a)},appended:function(a,b,c){if(b){this._filterFindBricks(a).css({top:this.element.height()});var d=this;setTimeout(function(){d._appended(a,c)},1)}else this._appended(a,c)},_appended:function(a,b){var c=this._getBricks(a);this.$bricks=this.$bricks.add(c),this.layout(c,b)},remove:function(a){this.$bricks=this.$bricks.not(a),a.remove()},destroy:function(){this.$bricks.removeClass("masonry-brick").each(function(){this.style.position="",this.style.top="",this.style.left=""});var c=this.element[0].style;for(var d=0,e=f.length;d<e;d++){var g=f[d];c[g]=this.originalStyle[g]}this.element.unbind(".masonry").removeClass("masonry").removeData("masonry"),b(a).unbind(".masonry")}},b.fn.imagesLoaded=function(a){function h(){--e<=0&&this.src!==f&&(setTimeout(g),d.unbind("load error",h))}function g(){a.call(b,d)}var b=this,d=b.find("img").add(b.filter("img")),e=d.length,f="";e||g(),d.bind("load error",h).each(function(){if(this.complete||this.complete===c){var a=this.src;this.src=f,this.src=a}});return b};var g=function(a){this.console&&console.error(a)};b.fn.masonry=function(a){if(typeof a=="string"){var c=Array.prototype.slice.call(arguments,1);this.each(function(){var d=b.data(this,"masonry");if(!d)g("cannot call methods on masonry prior to initialization; attempted to call method '"+a+"'");else{if(!b.isFunction(d[a])||a.charAt(0)==="_"){g("no such method '"+a+"' for masonry instance");return}d[a].apply(d,c)}})}else this.each(function(){var c=b.data(this,"masonry");c?(c.option(a||{}),c._init()):b.data(this,"masonry",new b.Mason(a,this))});return this}})(window,jQuery);
/* end of masonry */
/* scrollTo */
/**
* jQuery.ScrollTo - Easy element scrolling using jQuery.
* Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
* Dual licensed under MIT and GPL.
* Date: 5/25/2009
* @author Ariel Flesler
* @version 1.4.2
*
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
*/
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);
/* end of scrollTo */
$(document).ready(function() {
$("body").css({overflowX: "hidden"});
// show work
$("#werk-items").fadeIn();
// show contact flipper
$(".cbxflipboard").delay(2000).fadeIn();
// show tweets
$("#twitter .tweet div").delay(1000).fadeIn();
// Logo hover
$(".logo").hover(function() {
$(".logo-tag").show();
} , function() {
$(".logo-tag").hide();
})
// webhostingdomeincheckfocus
$("input[name=domein]").focus(function() {
$(this).css("color", "#333");
if ($(this).val() == "uwnaam.nl") {
$(this).val("");
}
});
$("input[name=domein]").blur(function() {
$(this).css("color", "#000000");
if ($(this).val() == "") {
$(this).val("uwnaam.nl");
}
});
// Home slider
$("#home-news #home-cycle").cycle({
fx: "fade",
timeout: 7000,
speed: 500,
easing: "easeOutQuart",
before: function(idx, slide) {
// show/hide img art
//$(slide).find("img.news-art").css({ opacity: "0" });
//$(slide).find("img.news-art").delay(500).animate({ opacity: "1" }, 250, "easeOutQuart");
$(slide).find(".title img").css({ opacity: "0" });
$(slide).find(".title img").delay(2000).animate({ opacity: "1" }, 1000, "easeInOutQuart");
//sbSweetSpeak
$(slide).find(".title span.holder").css({ marginTop: "220px" });
$(slide).find("span.holder:eq(0)").delay(750).animate({ marginTop: "0px" }, 300, "easeOutQuart", function () {
$(this).parent().next().find(".holder").animate({ marginTop: "0px" }, 300, "easeOutQuart", arguments.callee);
});
},
pager: '#home-slider-nav',
pagerAnchorBuilder: function(idx, slide) {
return '<a href="#" title="Bekijk item" class= ' + idx + '></a>';
}
});
var navWidth = $("#home-slider-nav").width();
$("#home-slider-nav").css({ marginLeft: "-" + (navWidth * 0.5) + "px" });
// Home slide hover
$("#home-cycle").hover(function() {
$(this).stop().animate({ opacity: "0.8" });
} , function() {
$(this).stop().animate({ opacity: "1" });
})
// Home column links hover
$(".homecol a img").hover(function() {
$(this).parent().parent().stop().css({ color: "#ccc" });
} , function() {
$(this).parent().parent().stop().css({ color: "#fff" });
})
// Werk hover
$(".album").hover(function() {
$(this).find(".descr").css({ opacity: "1" });
$(this).find(".cover").css({ opacity: "0.3" });
} , function() {
$(this).find(".descr").css({ opacity: "0" });
$(this).find(".cover").css({ opacity: "1" });
})
// Werk filter
$("#filter").hover(function() {
$("#filter .list").show();
} , function() {
$("#filter .list").hide();
})
$("#filter span").click(function() {
var myClass = $(this).attr("class");
$("#werk-items .album").css({ height: "0", marginBottom: "0" });
$("#werk-items ." + myClass).css({ height: "auto", marginBottom: "20px" });
metselWerk();
});
$("#filter span.all").click(function() {
$("#werk-items .album").css({ height: "auto", marginBottom: "20px" });
metselWerk();
});
// Titles subpages
/*
$(".page-subtitle").find("span.holder:eq(0)").delay(750).animate({ marginTop: "0px" }, 250, "easeOutQuart", function () {
$(this).parent().next().find(".holder").animate({ marginTop: "0px" }, 250, "easeOutQuart", arguments.callee);
});
*/
// Twitter cycle.
$("#twitter").cycle({
fx: "fade",
timeout: 6000,
random: 1,
speed: 200
});
// People cycle.
$(".row1, .row2, .row3").delay(500).slideDown();
$(".row1, .row3").delay(1000).cycle({
fx: "scrollRight",
timeout: 3000,
speed: 1000,
next: ".illu-webdesign"
});
$(".row2").delay(1000).cycle({
fx: "scrollLeft",
timeout: 3000,
speed: 1000,
next: ".illu-webdesign"
});
$(".names").delay(500).fadeIn();
$(".names").delay(1000).cycle({
fx: "fade",
timeout: 3000,
speed: 0,
next: ".illu-webdesign"
});
// Contact cycle.
$(".cbxflipboard").cycle({
fx: "fade",
timeout: 10000,
//next: '.cbxflipboard',
speed: 200,
before: function(idx, slide) {
$(slide).find(".product").css({ opacity: "0" });
//$(slide).find(".stat, h2, .tag").delay(500).animate({ opacity: "1"}, 1500, "easeInOutElastic");
$(slide).find("div:eq(0)").animate({ opacity: "1" }, 250, "easeOutQuart", function () {
$(this).next().animate({ opacity: "1" }, 250, "easeOutQuart", arguments.callee);
});
},
after: function(idx, slide) {
//$(slide).find(".product").css({ opacity: "1" });
//$(slide).find(".stat, h2, .tag").delay(500).animate({ opacity: "1"}, 1500, "easeInOutElastic");
$(slide).find("div:eq(0)").delay(8000).animate({ opacity: "0" }, 250, "easeOutQuart", function () {
$(this).next().animate({ opacity: "0" }, 250, "easeOutQuart", arguments.callee);
});
}
});
// BTT
$(".backtotop").click(function() {
$(window).scrollTo( 0, 700);
});
// Home slow-gan cycle.
$(".slogans .slogantainer").cycle({
fx: "fade",
timeout: 0,
random: 1,
next: ".slogans .slogantainer"
});
// Contact stuff
$(".showform").click(function() {
$(".formulier").toggle();
});
// Werk filter
$(".product a").hover(function() {
$(this).parent().find('h2').css({ color: "#669900" });
$(this).parent().find('.dash').css({ borderTop: "1px solid #ccc" });
$(this).parent().find('.leesmeer').css({ color: "#000" });
} , function() {
$(this).parent().find('h2').css({ color: "#000" });
$(this).parent().find('.dash').css({ borderTop: "1px solid #e9e9e9" });
$(this).parent().find('.leesmeer').css({ color: "#888" });
})
// prod pags count up
// moved to pages
});
function metselWerk() {
$('#werk-items').masonry({
itemSelector : '.album, .folio-text',
columnWidth : 330,
isAnimated : true,
animationOptions: {
duration: 500,
easing: 'easeOutQuart',
queue: false
}
});
}
$(window).load(function () {
// Werk load
$("#werk-items .album img.cover:eq(0)").animate({ opacity: "1" }, 200, "easeOutQuint", function () {
$(this).parent().next().find("img").animate({ opacity: "1" }, 100, "easeOutQuint", arguments.callee);
});
// Werk item page load
$(".work img:eq(0)").animate({ opacity: "1" }, 750, "easeOutQuint", function () {
$(this).parent().parent().next().find("img").animate({ opacity: "1" }, 750, "easeOutQuint", arguments.callee);
});
// Home news load
$("#home-news .home-news-slide img.news-art:eq(0)").delay(250).animate({ opacity: "1" }, function () {
$(this).parent().next().find("img").animate({ opacity: "1" }, arguments.callee);
});
// Home slogan
$(".slogans").delay(2000).fadeIn();
});
$(window).resize(function() {
posFix();
});
function posFix() {
var TotalWidth = $(window).width();
var navWidth = $("#menu").width();
$("#home-news .home-news-slide .home-news-slide-text").css({ marginLeft: "-485px" });
$("#home-news, #home-news .home-news-slide").css({ width: TotalWidth + "px" });
}
/**
* countdown timer with some configuration
*
* @version 0.1
* @url http://jsfiddle.net/KzrwQ/1/
* @date 2011/09/02
* @author Conrad 'bartrail' Barthelmes
* @licence MIT
*
* usage:
*
* $('selector').countTo({
* interval: 1000, // miliseconds the interval is repeated (aka speed)
* startNumber: 10, // start from 10 or any other integer
* endNumber: 0, // end at 0 or any other integer
*
* onLoop: function(self, current, loop) { // fired on every loop
* self; // the fetched element
* current; // current number of interval
* loop; // finished loops
*
* // default behaviour:
* $(self).text(current);
* },
*
* onStart: function(self) { // fired on the beginning
* self; // the fetched element
* },
*
* onFinish: function(self, current, loop) { // fired when finished
* self; // the fetched element
* current; // current number of interval
* loop; // finished loops
* }
* });
*
*/
jQuery.fn.countTo = function(options) {
if(this.length == 0) {
return;
}
// save reference to self
var self = this;
// merge optoins
self.options = {};
jQuery.extend(true, self.options, {
interval : 1000,
startNumber: 10,
endNumber : 0,
onLoop : function(self, current, loop) {
$(self).text(current);
},
onStart : function(self) {},
onFinish : function(self, current, loop) {}
}, options);
// init the start number
self.current = self.options.startNumber;
// get the direction, true is 'down', false is 'up'
self.direction = self.options.startNumber > self.options.endNumber ? true : false;
// the current iteration
self.loop = 0;
// whether is finished or not
self.finished = false;
// the timing function
self.timer = function(self) {
self.intervalId = setInterval(self._interval, self.options.interval)
}
self._interval = function() {
self.options.onLoop(self, self.current, self.loop);
// going down
if(self.direction) {
if(self.current > self.options.endNumber) {
self.current--;
}else{
self.finished = true;
}
// going up
}else{
if(self.current < self.options.endNumber) {
self.current++;
}else{
self.finished = true;
}
}
// clear interval and fire onFinish when finished
if(self.finished) {
clearInterval(self.intervalId);
self.options.onFinish(self, self.current, self.loop)
}
self.loop++;
}
self.start = function(self) {
self.options.onStart(self);
self.timer(self);
}
self.start(self);
}
$(window).scroll(function() {
});
